<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="referrer" content="no-referrer" />
  <link rel="stylesheet" href="./index.css">
  <title>Document</title>
  <style>
    .box {
      width: 800px;
      margin: 0 auto;
    }
  </style>
</head>

<body>
<div class="box">
  <div class="section video">
    <h3 class="section-title"><a href="/415434293/video" class="t">TA的视频</a><span class="count">21</span><a href="/415434293/video" class="more">更多</a><div class="be-tab"><ul class="be-tab-inner clearfix"><li class="be-tab-item is-active"><input type="radio" name="be-tab-0" class="be-tab-input" value="pubdate"><span>最新发布</span></li><li class="be-tab-item"><input type="radio" name="be-tab-0" class="be-tab-input" value="click"><span>最多播放</span></li><li class="be-tab-item"><input type="radio" name="be-tab-0" class="be-tab-input" value="stow"><span>最多收藏</span></li></ul><div class="be-tab-cursor" style="transform: translateX(0px); width: 48px;"></div></div><!----></h3>
    <div class="content clearfix">
      {{each data}}
    <div data-aid="BV1Xx411d7rc" class="small-item fakeDanmu-item">
      <a href="//www.bilibili.com/video/BV1Xx411d7rc" target="_blank" class="cover">
        <img src={{$value.pic}} alt="全屏滚动插件fullpage使用-炫酷购物车案例-黑马程序员pink老师（素材已经更新）">
        <span class="length">
          {{$value.length}}
        </span><span class="i-watchlater"></span>
      </a>
      <a href="//www.bilibili.com/video/BV1Xx411d7rc" target="_blank" title="全屏滚动插件fullpage使用-炫酷购物车案例-黑马程序员pink老师（素材已经更新）" class="title">
        {{$value.title}}
      </a>
      <div class="meta"><span class="play"><i class="icon"></i>
        {{$value.play}}
        </span><span class="time"><i class="icon"></i>
        {{$value.created}}
        </span>
      </div>
    </div>
    {{/each}}

    </div>
</div>
</div>
</body>

</html>
